/****************index.html--header**********************/
#index_header{width:100%;height:100%;position:relative;overflow:hidden;}
.index_header_box{width:100%;height:64px;line-height:64px;font-size:16px;position:fixed; top:0;left:0;  z-index:999999;}


.index_header_box a{color:#fcfcfc;}
/* slide */
.slide-main{position:relative;width:100%;height:620px;}
.slide-main .slide{width:100%;height:100%;position:absolute;left:0px;top:0;opacity:0;}
.slide-main .slide:first-child{opacity: 1; z-index: 8;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}

.index_banner_middle{width:1200px;margin:0px auto;position:relative;height:100%;}
.index_banner_middle .fourYears{top:139px;width:153px;height:164px;right:11.2%;}
.index_banner_middle #fourYearNum{background-size:contain;}
#bgstylee-login .bgstylee_new{position:absolute;left:436px;top:250px;animation: new_move 0.8s 1 linear;-webkit-animation: new_move 0.8s 1 linear;-o-animation: new_move 0.8s 1 linear;-moz-animation: new_move 0.8s 1 linear;}
@keyframes new_move{0% {top:344px;} 100%{top:250px} }
@-webkit-keyframes new_move{0% {top:344px;} 100%{top:250px} }
@-moz-keyframes new_move{0% {top:344px;} 100%{top:250px} }
@-o-keyframes new_move{0% {top:344px;} 100%{top:250px} }

#bgstylea .obj-a{position:absolute;bottom:126px;right:0px;}
/*@keyframes obj_a_up{ 0% {margin-bottom:-74px;} 100%{margin-bottom:-22px;}}
@-webkit-keyframes obj_a_up{ 0% {margin-bottom:-74px;} 100%{margin-bottom:-22px;}}
@-moz-keyframes obj_a_up{ 0% {margin-bottom:-74px;} 100%{margin-bottom:-22px;}}
@-o-keyframes obj_a_up{ 0% {margin-bottom:-74px;} 100%{margin-bottom:-22px;}}*/

#bgstyleb .obj-b{position:absolute;top:145px;left:50%;margin-left:-207px;animation:move_new 0.8s linear infinite;-webkit-animation:move_new .8s linear infinite;-moz-animation:move_new  .8s linear infinite;-o-animation:move_new .8s linear infinite;}
@-webkit-keyframes move_new{0%{ -webkit-transform: translateY(-20px);} 50%{-webkit-transform: translateY(0px);} 100%{-webkit-transform: translateY(-20px);}}
@-moz-keyframes move_new{0%{ -moz-transform: translateY(-20px);}50%{-moz-transform: translateY(0px);}100%{-moz-transform: translateY(-20px);}}
@-o-keyframes move_new{0%{ -o-transform: translateY(-20px);}50%{-o-transform: translateY(0px);}100%{-o-transform: translateY(-20px);}}
@keyframes move_new{0%{ transform: translateY(-20px);}50%{transform: translateY(0px);}100%{transform: translateY(-20px);}}

#bgstylec .obj-c{position:absolute;top:144px;left:50%;margin-left:46px;animation:move_book 0.8s linear 1;-webkit-animation:move_book .8s linear 1;-moz-animation:move_book  .8s linear 1;-o-animation:move_book .8s linear 1;}
@keyframes move_book{ 0% {top:184px;} 100%{top:144px;}}
@-webkit-keyframes move_book{ 0% {top:184px;} 100%{top:144px;}}
@-moz-keyframes move_book{ 0% {top:184px;} 100%{top:144px;}}
@-o-keyframes move_book{ 0% {top:184px;} 100%{top:144px;}}

.slide-main .item{width:100%;position:absolute;left:0px;bottom:18px;text-align:center;z-index:10;}
.slide-main .item > a{display:inline-block;height:4px;width:44px;background:#ffffff;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);margin-right:17px;}
.slide-main .item > a:hover{background:#ffffff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-main .item > a.cur{background:#ffffff;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


#bgstylee{background:url(../images/bannerindex.jpg) no-repeat center center;background-size:cover;}
#bgstylee-login{background:url(../images/banner.jpg) no-repeat center center;}
#bgstylea{background:url(../images/index_banner_bg2.jpg) no-repeat center center;}
#bgstyleb{background:url(../images/index_banner_bg3.jpg) no-repeat center center;}
#bgstylec{background:url(../images/index_banner_bg4.jpg) no-repeat center center;}

.banner_a:hover{ background: #ffffff; color: #146bd4;transition: all .5s linear;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;}
.look_link01{position:absolute; display: block; width: 198px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #ffffff; border-radius: 6px; font-size: 22px; color: #ffffff;top:398px;left:0px;}
.look_link02{position:absolute; display: block; width: 198px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #ffffff; border-radius: 6px; font-size: 22px; color: #ffffff;top:398px;left:0px;}
.look_link03{position:absolute; display: block; width: 198px; height: 48px; line-height: 48px; text-align: center; border: 1px solid #ffffff; border-radius: 6px; font-size: 22px; color: #ffffff;top:398px;left:0px;}


/******************index.html  ---  index_safe************************************************/
/*#index_safe{overflow: hidden;width:100%;background-color:#f7f9f9;position:relative;}*/
/*#index_safe .index_safe{width:1200px;margin:0px auto;padding-top:62px;}*/
/*#index_safe .index_safe .index_section_title{height:50px;background:url(../images/index_safe_titile.png) no-repeat;}*/
/*#index_safe .index_safe .index_safe_sub_title{font-size:18px;color:#666666;margin-top:18px;text-align:center;}*/


/*.index_safe .index_roate_wrap{position:relative;margin:54px 16px 0px 98px;}*/
/*.index_roate_wrap .index_roate_item{border-radius:100px;width:472px;height:470px;background:url(../images/index_safe_roate.png) no-repeat;}*/
/*.index_roate_wrap .index_roate_item.on{-webkit-animation: rotate_ruan 21s linear infinite;animation:rotate_ruan 21s linear infinite;-moz-animation:rotate_ruan 21s linear infinite;}*/
/*.index_roate_wrap > img.roate1{position:absolute;top:112px;left:68px; z-index:10;}*/
/*.index_roate_wrap > img.roate2{position:absolute;top:146px;left:156px;z-index:9; }*/
/*.index_roate_wrap > img.roate3{position:absolute;top:178px;left:234px; z-index:8;}*/


.index_roate_list{margin-top:79px;}
.index_roate_list > ul > li{padding-left:76px;padding-bottom:10px;border-left:2px solid #dddddd;position:relative;transition:all .5s linear;}
.index_roate_list > ul > li:last-child{padding-bottom:0px;}
.index_roate_list .roate_content{width:470px;border:1px solid #6ec5fc;box-sizing:border-box;padding:16px 0px 10px 0px;position:relative;}
.index_roate_list .roate_content > img{float:left;margin-left:26px;}
.index_roate_list .roate_content > h3{font-size:18px;font-weight:bold;color:#333333;margin:16px 0px 8px 0px;padding-left:92px;}

.index_roate_list .roate_content > p{display:none;font-size:14px;color:#333333;line-height:24px;padding-left:92px;}
.index_roate_list .roate_content > h3.main_title{display:block;}
.index_roate_list .roate_content > h3.sub_title{display:none;}

.index_roate_list ul > li.on > i{background:url(../images/index_safe_on.png) no-repeat;}
.index_roate_list ul > li.on .roate_content > p{display:block;}
.index_roate_list ul > li.on .roate_content > h3.main_title{display:none;}
.index_roate_list ul > li.on .roate_content > h3.sub_title{display:block;}

.index_roate_list ul > li .roate_content > p a:hover{color:#146bd4;}
.index_roate_list ul > li > i{display:block;position:absolute;width:86px;height:46px;background:url(../images/index_safe_off.png) no-repeat;left: -7px;top:19px;z-index:20;}

.index_roate_list .content1 .roate_content{background: url(../images/roate_content_img4.png) no-repeat 403px 0px;}
.index_roate_list .content2 .roate_content{background: url(../images/roate_content_img5.png) no-repeat 403px 0px;}
.index_roate_list .content3 .roate_content{background: url(../images/roate_content_img6.png) no-repeat 403px 0px;}


.index_safe_btns{width:100%;position:relative;z-index:2;}
.index_safe_btns .index_safe_btn{display:block;border-radius:4px;margin:62px auto 74px auto;width:360px;height:58px;line-height:58px;background-color:#ffffff;font-size:22px;color:#146bd4;text-align:center;border:1px solid #d8d8d8;}
.index_safe_btns .index_safe_btn:hover{background-color:#146bd8;color:#ffffff;border:1px solid #146bd8;}

#index_service_wave1{position:absolute;left:0px;bottom:0px;background:url(../images/index_service_wave1.png) repeat-x;z-index:1;height:130px;width:4840px;
    animation:index_service_wave1 30s linear 0s infinite normal;
    -webkit-animation:index_service_wave1 30s linear 0s infinite normal;
    -o-animation:index_service_wave1 30s linear 0s infinite normal;
    -moz-animation:index_service_wave1 30s linear 0s infinite normal;}
#index_service_wave2{position:absolute;left:0px;bottom:0px;background:url(../images/index_service_wave2.png) repeat-x;z-index:1;height:116px;width:4840px;
    animation:index_service_wave2 30s linear 0s infinite normal;
    -webkit-animation:index_service_wave2 30s linear 0s infinite normal;
    -o-animation:index_service_wave2 30s linear 0s infinite normal;
    -moz-animation:index_service_wave2 30s linear 0s infinite normal;}
}
@keyframes index_service_wave1{ 0%{ left:0px;} 100%{left:-2420px;} }
@-webkit-keyframes index_service_wave1{ 0%{ left:-0px;} 100%{left:-2420px;} }
@-moz-keyframes index_service_wave1{ 0%{  left:-0px;} 100%{left:-2420px;} }
@-o-keyframes index_service_wave1{ 0%{ left:-0px;} 100%{left:-2420px;} }

@keyframes index_service_wave2{ 0%{ left:0px;} 100%{left:-2420px;} }
@-webkit-keyframes index_service_wave2{ 0%{ left:-0px;} 100%{left:-2420px;} }
@-moz-keyframes index_service_wave2{ 0%{  left:-0px;} 100%{left:-2420px;} }
@-o-keyframes index_service_wave2{ 0%{ left:-0px;} 100%{left:-2420px;} }

/******************index.html ---   index_fa************************************************/
#index_fa{width:100%;height:420px;z-index: 20;
    position: relative;background:#2b3953 no-repeat;}
#index_fa .index_fa{width:1440px;margin:0px auto;height:100%;}
.index_fa .index_fa_sub_title{font-size:18px;color:#b8c7ea;text-align:center;margin:22px 0px 70px 0px;}
#index_fa .index_fa .index_section_title{height:50px;background:url(../images/index_fa_titile.png) no-repeat;}

.index_fa_wrap #picScroll_left{position:relative;height:192px;}
.index_fa_wrap #picScroll_left .bd{box-sizing:border-box;height:192px;overflow:hidden;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul{overflow:hidden;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul > li{width:288px;float:left;overflow:hidden;display:inline-block;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul > li > a.img_area{display:block;height:150px;border-radius:6px;overflow:hidden;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul > li > a.img_area > img{width:260px;height:150px;border-radius:6px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul > li > a.title_area{display:block;font-size:16px;color:#ffffff;text-align:center;margin-top:22px;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul > li > a:hover.title_area{border-radius:6px;}
.index_fa_wrap #picScroll_left .bd > .tempWrap > ul > li > a:hover.img_area > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


.index_fa_wrap #picScroll_left > .prev{position:absolute;bottom:38px;left: -63px;width: 43px;height: 44px;background: url(../images/index_direct_btn.png) no-repeat -9px 2px;}
.index_fa_wrap #picScroll_left > .next{position:absolute;bottom:38px;right: -63px;width: 43px;height: 44px;background: url(../images/index_direct_btn.png) no-repeat -9px -56px;}

.index_fa_wrap #picScroll_left > .prev.prevStop{display:none;}
.index_fa_wrap #picScroll_left > .next.nextStop{display:none;}
/***************************index.htlm  index_goodes************************************************/
#index_goodness{background-color: #f0f0f2;height: 630px;width: 100%;z-index: 20;
    position: relative;}
#index_goodness .index_goodness{width:1200px;margin:0px auto;padding-top:70px;}
#index_goodness .index_goodness .index_section_title{height:50px;background:url(../images/index_goodes_titile.png) no-repeat center center;}

.goodpartbox{width: 1200px;height: auto;/* position: relative;top: 150px; */margin-top:26px;}
.goodpart{width: 344px;height: 240px;border-radius: 10px;margin-right: 84px;float: left;}
.goodpart dt{width: 110px;height: 143px;display:inline-block;
    vertical-align: top;}
.goodpart dd{display:inline-block;vertical-align: middle;
    width:230px;}
.jishu{background:url(../images/jsys.png) no-repeat left center;}
.chanpin{background:url(../images/cpys.png) no-repeat left center;}
.xingneng{background:url(../images/xnzy.png) no-repeat left center;}
.fuwu{background:url(../images/fwcn.png) no-repeat left center;}
.anquan{background:url(../images/scyz.png) no-repeat left center;}
.quanwei{background:url(../images/qwrz.png) no-repeat left center;}
.goodpart dd h2{text-align: left;padding-left:10px;font-size: 20px;font-weight: normal;color: #333333;font-family: 'Microsoft YaHei';margin-top:18px;}
.goodpart dd p{padding:14px 0 30px 10px;font-size: 14px;color: #666666;font-family: "Microsoft YaHei";line-height:24px;}


/*********************index.html  index_brand*************************/
#index_brand{width:100%;background-color:#ffffff;z-index: 20;
    position: relative;}
#index_brand .index_brand{width:1200px;margin:0px auto;padding-top:70px;}
.index_brand .index_section_title{height:50px;background:url(../images/index_brand_titile.png) no-repeat center center;}

.index_brand_wrap{margin-top:56px;}
.index_brand_wrap > li{float:left;width:320px;padding:0px 36px 25px 35px;margin-top:24px;transition:all .4s;}
.index_brand_wrap > li .brand_img{display:block;margin-top:-4px;width:320px;height:190px;border:1px solid #cccccc;border-radius:6px;overflow:hidden;}
.index_brand_wrap > li .brand_img img{width:322px;}

/* .index_brand_wrap > li.item1 .brand_img{background:url(../images/index_brand1.png) no-repeat center center;}
.index_brand_wrap > li.item2 .brand_img{background:url(../images/index_brand2.png) no-repeat center center;}
.index_brand_wrap > li.item3 .brand_img{background:url(../images/index_brand3.png) no-repeat center center;} */

.index_brand_wrap > li > a.brand_title{display:block;font-size:16px;color:#333333;line-height:28px;height:58px;margin:20px 0px 8px 0px;}
.index_brand_wrap > li > a:hover.brand_title{color:#146bd4;}
.index_brand_wrap > li > p{font-size:14px;color:#848484;line-height:26px;}

.index_brand_wrap > li:hover{padding:24px 36px 25px 35px;margin-top:0px;box-shadow:0px 2px 18px 5px #e8e8e8;border-right:0px;transition:all .4s;}
.index_brand_wrap > i{display:block;width:1px;height: 326px;background-color:#e5e5e5;float:left;position: relative;top: 24px;}

.index_brand_oper{text-align:right;padding-right:20px;margin:0px 0px 50px 0px;}
.index_brand_oper .index_brand_btn{font-size:16px;color:#146bd4;}
.index_brand_tab{text-align:center;margin-top:35px;}
.index_brand_tab ul li {
    display:inline-block;
    height:30px;
    width:auto;
    margin-right:15px;
    cursor: pointer;
}
.index_brand_tab ul li i{
    display:inline-block;
    width:30px;
    height:4px;
    background:#8e8e8e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
}
.index_brand_tab ul li.active i{
    width:50px;
    background:#3763c5;
    -webkit-transition: width 0.5s;
    -moz-transition: width 0.5s;
    -ms-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
}



/*********************index.html  index_cooper*************************/
#index_cooper{width:100%;background-color:#f0f2f8; z-index: 20;
    position: relative;}
#index_cooper .index_cooper{width:1200px;margin:0px auto;padding-top:70px;padding-bottom:70px;}
.index_cooper .index_section_title{height:50px;background:url(../images/index_cooper_titile.png) no-repeat center 15px;}
.index_cooper_wrap > li{float:left;height:50px;}

.index_cooper_wrap.item1{padding:0px 24px 0px 20px;margin:70px 0px 70px 0px;}
.index_cooper_wrap.item2{padding:0px 70px 0px 70px;}
/**********************index.html  leftBottom*************/
.leftBottom{display:block;width:100%;height:100%;position:relative;z-index:13;
}
.leftBottomDialog{
    display:block;width:342px;height:310px;position:fixed;bottom:-310px;right:0;z-index:11;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;
    -ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background:url(../images/leftbottom.png) no-repeat center center;
    background-size:contain;
}
.leftBottomUp{bottom:-1px;display:block;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -ms-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
    -webkit-border-radius:21px 21px 0 0;
    -moz-border-radius:21px 21px 0 0;
    border-radius:21px 21px 0 0;
}
.leftBottom_closed{
    position:absolute;
    right:10px;
    top:13px;
    width:20px;
    height:20px;
    background:url(../images/closed.png) no-repeat center center;
    z-index:14;
    cursor: pointer;
}
.GotoBtn{
    position:absolute;
    top:140px;
    left:10px;
    opacity:1.0;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    width:120px;
    height:40px;
    background:url(../images/bulebg.png) no-repeat center center;
    background-size:contain;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-box-shadow:2px 6px 30px 2px #34d3e6;
    -moz-box-shadow: 2px 6px 30px 2px #34d3e6;
    box-shadow: 2px 6px 30px 2px #34d3e6;
}
.sendNumber{
    display: block;
    position: absolute;
    right: 8.5%;
    bottom:206px;
    text-align: center;
    font-weight: bold;
    font-style: oblique;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background-color: transparent;
    color: #dfdf50;
    width: 100px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
}

/*********************index.html  consult*************************/
.list_main{ width: 1200px; height:auto; margin: 0 auto; position: relative;}
.consult{z-index: 20;
    position: relative;padding-top: 42px;width: 100%;height: 252px;background:url(../images/footanimate.png) no-repeat center center;font-size: 0;overflow: hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.consult_infobox{width: 1205px;height: 100%;}
.consult:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height:0;}
/*#bg_wave01{position: absolute;bottom: 0;left: -236px;width: 400%;height: 100px;opacity: .1;filter:alpha(opacity=10);z-index: 99;background: url(../images/bg_wave01.png) repeat-x;-webkit-animation: wave1 25s linear .4s infinite normal;animation: wave1 25s linear .4s infinite normal;}*/
/*#bg_wave02{background: url(../images/bg_wave02.png) repeat-x;position: absolute;bottom: 0;left: 0;width: 400%;height: 80px;opacity: .3;filter:alpha(opacity=30);z-index: 2;-webkit-animation: wave2 60s linear .6s infinite normal;animation: wave2 60s linear .6s infinite normal;}*/
#bg_wave01{position:absolute;bottom:0;
    left:0;height:100px;width:100%;background:transparent;}
.consult .consult_info{float: left;padding: 5px 0;width: 324px;}
.consult .consult_info i{display: inline-block;margin-right: 20px;width: 45px;height: 45px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #87bdff;vertical-align: middle;}
.consult .consult_info span{display: inline-block;height: 45px;line-height: 45px;color: #fff;font-size: 18px;vertical-align: middle;}
.consult_info01 i{background: url(../images/icon_consult.png) no-repeat;background-position: 12px 10px;}
.consult_info02 i{background: url(../images/icon_consult.png) no-repeat;background-position: -39px 10px;}
.consult_info03 i{background: url(../images/icon_consult.png) no-repeat;background-position: -90px 10px;}
.consult .consult_entry{float: left;padding-left: 28px;width: 200px;height:48px;line-height: 48px;border: 1px solid #79b6ff;-webkit-border-radius: 6px;border-radius: 6px;background-color: #fff;text-align: center;position: relative;z-index: 2;top: 5px;}
.consult .consult_entry .consult_btn{display: block;color: #146bd4;background: url(../images/icon_consult01.png) no-repeat;background-position: 15px 14px;font-size: 20px;transition: all .5s;}
.consult .consult_entry:hover{color: #ffffff;background-color: #79b6ff;}
.consult .consult_entry:hover .consult_btn{background: url(../images/icon_consult02.png) no-repeat;background-position: 15px 14px;color: #ffffff;}
.consult_title{position:absolute;width:100%;text-align:center;left:0;top:27px;font-size:24px;color:#ffffff;font-weight:bold;}
.consult_btn{position:absolute;width:100%;text-align:center;left:0;top:103px;}
.consult_btn a{display:inline-block;position:relative;overflow:hidden;vertical-align: middle;width:146px;height:50px;line-height:50px;text-align:center;color:#ffffff;font-size:18px;background:url(../images/bigbtn.png) no-repeat center center;background-size:cover;cursor:pointer;    background-size: 156px 60px;
    margin-right: 30px;}
.consult_btn a i{ content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -214px; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);

}
.consult_btn a:hover i { left: 150%; transition: left 1s ease 0s; }
/*end*/
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translateX(-175px);}100%{opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight{0%{opacity: 0;-moz-transform: translateX(-175px);}100%{opacity: 1;-moz-transform: translateX(0);}}
@keyframes fadeInRight{0%{opacity: 0;transform: translateX(-175px);}100%{opacity: 1;transform: translateX(0);}}

@-webkit-keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translateX(175px);}100%{opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInLeft{0%{opacity: 0;-moz-transform: translateX(175px);}100%{opacity: 1;-moz-transform: translateX(0);}}
@keyframes fadeInLeft{0%{opacity: 0;transform: translateX(175px);}100%{opacity: 1;transform: translateX(0);}}

@-webkit-keyframes wave1{from{left: -236px;} to{left: -1233px;}}
@-moz-keyframes wave1{from{left: -236px;} to{left: -1233px;}}
@keyframes wave1{from{left: -236px;} to{left: -1233px;}}
@-webkit-keyframes wave2{from{left: 0;} to{left: -1233px;}}
@-moz-keyframes wave2{from{left: 0;} to{left: -1233px;}}
@keyframes wave2{from{left: 0;} to{left: -1233px;}}

.navs_box_left{
    position:relative;
    display:inline-block;
    width:130px;
    padding-top:30px;
    border-right:1px solid rgba(255,255,255,0.1);
    padding-bottom:60px;
}
.navs_box_middle{
    display:inline-block;
    vertical-align: top;
    padding:30px 0px 0 20px;
    width:736px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
}
.navs_box_left ul li{
    height:40px;
    line-height:40px;
    width:100%;
    padding-right:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.navs_box_left ul li a{
    display: inline-block;
    height: 32px;
    width: 90px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}
.navs_box_left ul li i{
    content:"";
    width:3px;
    height:6px;
    margin-top:17px;
    display:inline-block;
    background:url(../images/showr.png) no-repeat center center;
    float:right;

}
.navs_box_left ul li.active a{
    color:#00a4ff;
}
.navs_box_left ul li.active i{
    background:url(../images/showright.png) no-repeat center center;
}

.navs_box_list{
    display:inline-block;
    position:relative;
}

.navs_box_item{
    width:353px;
    height:66px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:#202124;
    padding:8px 15px;
    padding-bottom:0;
    margin-bottom:10px;
}
.navs_box_item1{
    background:transparent;
    margin-bottom:20px;
}
.navs_box_item1>a:hover p span{
    color:#2b78ff;
}
.navs_box_item:hover{
    background:#35373c;
}
.navs_box_item .navs_box_title{
    font-size:14px;
    color:#ffffff;
}
.navs_box_item .navs_box_title>i{
    font-size:12px;
    color:#ff5715;
    margin-left:10px;
}
.navs_box_style,.navs_box_style1{
    display:inline-block;
    height:30px;
    vertical-align: middle;
    line-height:30px;
    font-size:14px;
    color:#ffffff;
}
.navs_box_style1{
    font-size:16px;
    color:#ffffff;
}
.navs_box_icon{
    display:inline-block;
    vertical-align: middle;
    margin-right:10px;
    width:19px;
    height:19px;
}
.navs_box_icon1{
    background:url(../images/jibenpeixun.png) no-repeat center center;
}
.navs_box_icon2{
    background:url(../images/ldfenxi.png) no-repeat center center;
}
.navs_box_icon3{
    background:url(../images/andriod.png) no-repeat center center;
}
.navs_box_icon4{
    background:url(../images/ios.png) no-repeat center center;
}
.navs_box_icon5{
    background:url(../images/dzh.png) no-repeat center center;
}
.navs_box_icon6{
    background:url(../images/xxaqdjbh.png) no-repeat center center;
}
.navs_box_icon7{
    background:url(../images/xxaqglxt.png) no-repeat center center;
}
.navs_box_icon8{
    background:url(../images/xxaqfxpgzx.png) no-repeat center center;
}
.navs_box_icon9{
    background:url(../images/navs_box_icon9.png) no-repeat center center;
}
.navs_box_icon10{
    background:url(../images/navs_box_icon10.png) no-repeat center center;
}
.navs_box_icon11{
    background:url(../images/navs_box_icon11.png) no-repeat center center;
}
.navs_box_icon12{
    background:url(../images/navs_box_icon12.png) no-repeat center center;
}
.navs_box_icon13{
    background:url(../images/navs_box_icon13.png) no-repeat center center;
}
.navs_box_icon14{
    background:url(../images/navs_box_icon14.png) no-repeat center center;
}
.navs_box_icon15{
    background:url(../images/navs_box_icon15.png) no-repeat center center;
}
.navs_box_icon16{
    background:url(../images/navs_box_icon16.png) no-repeat center center;
}
.navs_box_icon17{
    background:url(../images/navs_box_icon17.png) no-repeat center center;
}
.navs_box_icon18{
    background:url(../images/navs_box_icon18.png) no-repeat center center;
}
.navs_box_icon19{
    background:url(../images/navs_box_icon19.png) no-repeat center center;
}
.navs_box_icon20{
    background:url(../images/navs_box_icon20.png) no-repeat center center;
}
.navs_box_icon21{
    background:url(../images/navs_box_icon21.png) no-repeat center center;
}
.navs_box_icon22{
    background:url(../images/navs_box_icon22.png) no-repeat center center;
}
.navs_box_icon23{
    background:url(../images/navs_box_icon23.png) no-repeat center center;
}
.navs_box_icon24{
    background:url(../images/navs_box_icon24.png) no-repeat center center;
}
.navs_box_icon24_1{
    background:url(../images/navs_box_icon24_1.png) no-repeat center center;
}
.navs_box_icon25{
    background:url(../images/navs_box_icon25.png) no-repeat center center;
}
.navs_box_icon26{
    background:url(../images/navs_box_icon26.png) no-repeat center center;
}
.navs_box_icon27{
    background:url(../images/navs_box_icon27.png) no-repeat center center;
}
.navs_box_icon28{
    background:url(../images/navs_box_icon28.png) no-repeat center center;
}
.navs_box_icon29{
    background:url(../images/navs_box_icon29.png) no-repeat center center;

}
.navs_box_icon30{
    background:url(../images/navs_box_icon30.png) no-repeat center center;

}
.navs_box_icon31{
    background:url(../images/navs_box_icon31.png) no-repeat center center;
    background-size:20px 19px;
}
.navs_box_icon32{
    background:url(../images/navs_box_icon32.png) no-repeat center center;

}
.navs_box_icon33{
    background:url(../images/navs_box_icon33.png) no-repeat center center;
}

.navs_box_icon34{
    background:url(../images/navs_box_icon34.png) no-repeat center center;
}

.navs_box_remark{
    font-size:12px;
    color:#999999;
}
.navs_box_remark1{
    font-size:12px;
    color:#808080;
}
.navs_box_href{
    width:80px;
    height:26px;
    line-height:26px;
    text-align:center;
    display:block;
    color:#ffffff;
    font-size:12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#00a4ff;
    margin-top:20px;
    cursor:pointer;
}
.navs_box_href:hover{
    opacity:0.8;
}
.navs_box_right{
    display: inline-block;
    vertical-align: top;
    width: 324px;
    height: 100%;
    padding-top: 76px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/rightbg.png) no-repeat center -67px;
}
.bannerText{
    display: block;
    position: absolute;
    left: 0;
    top: 428px;
    opacity:0;
    filter: alpha(opacity=0);/* ie9 */
    z-index: 100;
    -webkit-animation: bannerTitle1 1.8s cubic-bezier(.4,0,.2,1)  100ms 1 alternate forwards;
    animation: bannerTitle1 1.8s cubic-bezier(.4,0,.2,1)  100ms 1 alternate forwards;

}
.idata_bannerText{
	top: 362px;
	}
.bannerText p.bannerText_title1{
    font-size:50px;
    color:#ffffff;
}

.bannerText p.bannerText_title2{
    font-size:26px;
    color:#ffffff;
    margin-top:25px;
}
@-webkit-keyframes bannerTitle1{
    0%{
    	display: none;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0);
        opacity:0;
        filter: alpha(opacity=0);

    }
    100%{
    	display: block;
        -webkit-transform:translate(0,-120px);
        -moz-transform:translate(0,-120px);
        -ms-transform:translate(0,-120px);
        -o-transform:translate(0,-120px);
        transform:translate(0,-120px);
        filter: alpha(opacity=100);
        opacity:1;
    }
}
@keyframes bannerTitle1{
    0%{
    	display: none;
        -webkit-transform:translate(0,0);
        -moz-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0);
        opacity:0;
        filter: alpha(opacity=0);
    }
    100%{
    	display: block;
        -webkit-transform:translate(0,-120px);
        -moz-transform:translate(0,-120px);
        -ms-transform:translate(0,-120px);
        -o-transform:translate(0,-120px);
        transform:translate(0,-120px);
        filter: alpha(opacity=100);
        opacity:1;
    }
}


.bannerText_btn{
    position:relative;
    margin-top: 60px;
}

.bannerText_btn a{
    display:inline-block;
    width:146px;
    height:50px;
    line-height:50px;
    color:#ffffff;
    font-size:18px;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    vertical-align: top;
}
.bannerText_bt1{
    background:url(../images/bigbtn.png) no-repeat center;
    background-size:156px 60px;
    margin-right:30px;
}


.bannerText_bt1 i{ content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -212px; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);

}
.bannerText_bt1:hover i { left: 150%; transition: left 1s ease 0s; }



.bannerText_btn  .bannerText_bt2{
    height:48px;
    line-height:48px;
    background:#26346a;
    border:1px solid #ffffff;
    position:relative;
}
.bannerText_btn  .bannerText_bt2:hover{
    background:url(../images/headerbtn2.png) no-repeat center center;
}
.topBottom{
    position:relative;
    width:100%;
    height:130px;
    background:#efefef;
    bottom:0;
    z-index:10;
}
.topBottom_ct{
    display:block;
    position:relative;
    margin:0 auto;
    width:1200px;
    font-size:0;
    height:100%;
}
.toB_item{
    display:inline-block;
    width:33.3%;
    height:100%;
    cursor:pointer;
}
.toB_item_icon{
    display:inline-block;
    position:relative;
    height:100%;
    width:120px;
    vertical-align: top;

}
.toB_item:hover .toB_item_sec p{
    color:#2a76fb;
}
.toB_item_icon1{
    background:url(../images/topbottom1.png) no-repeat center center;
}
.toB_item_icon2{
    background:url(../images/topbottom2.png) no-repeat center center;
}
.toB_item_icon3{
    background:url(../images/topbottom3.png) no-repeat center center;
}
.toB_item_icon4{
    background:url(../images/topbottom4.png) no-repeat center center;
}
.toB_item_sec{
    display:inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 32px;
    padding-left:20px;
    vertical-align: top;
    width:279px;
}
.toB_item_sec p i{
    display:inline-block;
    width:44px;
    height:19px;
    line-height:19px;
    font-size:12px;
    text-align:center;
    color:#ffffff;
    background:url(../images/newbg.png) no-repeat center center;
    position:relative;
    top:-2px;
    margin-left:20px;
}
.toB_item_sec p:first-child{
    font-size:18px;
    color:#333333;
}
.toB_item_sec p:last-child{
    font-size:14px;
    color:#666666;
    margin-top:10px;
}
.banner_title{
    display:block;
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    background:rgba(10,13,19,0.5);
    height:60px;
    line-height:60px;
    z-index:100;
}
.banner_title a{
    cursor:pointer;
}
.banner_title a span:hover{
    text-decoration: underline;
}
.banner_title a:hover{
    text-decoration: underline;
}
.banner_title div{
    width:1200px;
    margin:0 auto;
}
.banner_title a:first-child{
    color:#ffffff;
    font-size:20px;
}
.banner_title a:nth-child(2){
    color:#ffffff;
    font-size:14px;
    margin-left:10px;
}
.banner_title a:last-child{
    float:right;
    font-size:14px;
    color:#2a76fb;
    margin-right:30px;
    cursor:pointer;
}
.mouse_move{
    width: 36px;
    height: 53px;
    display:block;
    position:absolute;
    bottom:60px;
    left:50%;
    background:url(../images/mousemove.png) no-repeat center center;
}
.mouse_move i{
    display:block;
    width:8px;
    height:8px;
    position:absolute;
    top:15px;
    left:14px;
    background:url(../images/radios.png) no-repeat center center;
    -webkit-animation: 1.5s wheel_anim infinite;
    animation: 1.5s wheel_anim infinite;
}
@-webkit-keyframes wheel_anim{
    0%{top:13px}
    20%{top:20px}
    30%{top:13px}
    50%{top:20px}
    60%{top:13px}
    to{top:13px}
}
@keyframes wheel_anim{
    0%{top:13px}
    20%{top:20px}
    30%{top:13px}
    50%{top:20px}
    60%{top:13px}
    to{top:13px}
}

.index_mid2{
    display:block;
    position:relative;
}
.index_mid1{
    width:100%;
    position:relative;
    height:733px;
    background:#f3f5f7;
}
.index_mid1_mask{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-size:cover;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
}
.index_mid1_mask img{
    width:100%;
    height:100%;
    display:block;
}
.index_mid_up .index_mid1_mask{
    animation: 2s scaleIn cubic-bezier(.215,.61,.355,1) 1;
}
.index_mid2{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.index_mid_item{
    width:100%;
    height:100%;
    overflow: hidden;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    display:none;
}
.index_mid2_low{
    position: relative;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding-top: 184px;
    width: 1200px;
    margin: 0 auto;
}
.index_mid1_nav{
    position:relative;
    z-index:3;
    padding-top:60px;
    width:1200px;
    margin:0 auto;
}
.index_mid1_nav h6{
    font-size:30px;
    font-weight: bold;
    color:#ffffff;
    text-align:center;
}
.index_mid1_nav ul{
    display:block;
    font-size:0;
    margin-top:30px;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index_mid1_nav  ul li{
    display:inline-block;
    padding:7px 14px;
    color:#ffffff;
    font-size:18px;
    margin-right:40px;
    cursor:pointer;
}
.index_mid1_nav  ul li:last-child{
    margin-right:0;
}
.index_mid1_nav  ul li.active{
    background:#2a76fb;
    color:#ffffff;

}
.index_safe{
    background:#ffffff;
}
.index_mid_content{
    display:block;
    position:relative;
}
.index_mid_title{
    display:block;
    height:40px;
    margin-top:40px;
}
.index_mid_text{
    padding-left:42px;
    color:#ffffff;
    font-size:32px;
}
.index_mid_title1{
    background:url(../images/title1.png) no-repeat 24px center;
}
.index_mid_title2{
    background:url(../images/title2.png) no-repeat 24px center;
}
.index_mid_title3{
    background:url(../images/title3.png) no-repeat 24px center;
}
.index_mid_title4{
    background:url(../images/title4.png) no-repeat 24px center;
}
.index_mid_title5{
    background:url(../images/title5.png) no-repeat 24px center;
}
.index_mid_title6{
    background:url(../images/title6.png) no-repeat 24px center;
}
.index_mid_title7{
    background:url(../images/title7.png) no-repeat 24px center;
}
.index_mid_title8{
    background:url(../images/title8.png) no-repeat 24px center;
}
.index_mid_ps{
    padding-left:44px;
    font-size:18px;
    color:#f5f5f6;
    margin-top:22px;
    height:48px;
    line-height:23px;
}
.index_mid_ct_list{
    position:relative;
    display:block;
    font-size:0;
    width:1100px;
    margin:0 auto;
    height:300px;
    overflow:hidden;
    white-space: nowrap;
}
.index_mid_ct_list>div{
    position:absolute;
    left:0;
    top:0;
}
.index_mid_ct_list>div a{
    display: inline-block;
    margin-top: 20px;
    margin-right: 41px;
    padding-left: 8px;
    cursor: pointer;
    position: relative;
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.index_mid_ct_list>div a div{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.index_mid_ct_list>div a:hover:before{
    -webkit-transition:all 200ms linear 0ms;
    -moz-transition: all 200ms linear  0ms;
    -ms-transition:all 200ms linear  0ms;
    -o-transition:all 200ms linear  0ms;
    transition: all 200ms linear  0ms;
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    opacity:1.0;
    filter: alpha(opacity=100);
}
.index_mid_ct_list>div>a div{
    display: block;
    width: 182px;
    height: 182px;
    position: relative;
    padding-top: 28px;
    left: 1px;
    margin: 0 auto;
}
.index_mid_ct_list>div>a:before{
    content:"";
    display:block;
    width:234px;
    height:234px;
    position:absolute;
    z-index:1;
    opacity:0;
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background:url(../images/mid_ct_shadow.png) no-repeat center center;
    background-size:contain;
}
.index_mid_ct_list>div>a i{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    background-size:182px 182px;
}
.index_mid_ct_list>div>a  span{
    font-size: 16px;
    color:#ffffff;
    display:block;
    text-align:center;
    height:20px;
    line-height:20px;
    width:234px;
    margin-top:10px;
}
.aqpx_icon0{
    background:url(../images/aqpx_icon0.png) no-repeat center center;
}
.aqpx_icon1{
    background:url(../images/jbpx.png) no-repeat center center;
}
.aqpx_icon2{
    background:url(../images/ydapp.png) no-repeat center center;
}
.aqpx_icon3{
    background:url(../images/azlf.png) no-repeat center center;
}
.aqpx_icon4{
    background:url(../images/iosaq.png) no-repeat center center;
}
.aqpx_icon5{
    background:url(../images/dzpx.png) no-repeat center center;
}
.aqpx_icon6{
    background:url(../images/aqpx_icon6.png) no-repeat center center;
}
.aqpx_icon7{
    background:url(../images/aqpx_icon7.png) no-repeat center center;
}
.aqpx_icon8{
    background:url(../images/aqpx_icon8.png) no-repeat center center;
}

.aqpx_icon9{
    background:url(../images/aqpx_icon9.png) no-repeat center center;
}
.aqpx_icon10{
    background:url(../images/aqpx_icon10.png) no-repeat center center;
}
.aqpx_icon11{
    background:url(../images/aqpx_icon11.png) no-repeat center center;
}
.aqpx_icon12{
    background:url(../images/aqpx_icon12.png) no-repeat center center;
}
.aqpx_icon13{
    background:url(../images/aqpx_icon13.png) no-repeat center center;
}
.aqpx_icon14{
    background:url(../images/aqpx_icon14.png) no-repeat center center;
}
.aqpx_icon15{
    background:url(../images/aqpx_icon15.png) no-repeat center center;
}
.aqpx_icon16{
    background:url(../images/aqpx_icon16.png) no-repeat center center;
}
.aqpx_icon17{
    background:url(../images/aqpx_icon17.png) no-repeat center center;
}
.aqpx_icon18{
    background:url(../images/aqpx_icon18.png) no-repeat center center;
}
.aqpx_icon19{
    background:url(../images/aqpx_icon19.png) no-repeat center center;
}
.aqpx_icon20{
    background:url(../images/aqpx_icon20.png) no-repeat center center;
}
.aqpx_icon21{
    background:url(../images/aqpx_icon21.png) no-repeat center center;
}
.aqpx_icon22{
    background:url(../images/aqpx_icon22.png) no-repeat center center;
}
.aqpx_icon23{
    background:url(../images/aqpx_icon23.png) no-repeat center center;
}
.aqpx_icon23_1{
    background:url(../images/aqpx_icon23_1.png) no-repeat center center;
}
.aqpx_icon24{
    background:url(../images/aqpx_icon24.png) no-repeat center center;
}
.aqpx_icon25{
    background:url(../images/aqpx_icon25.png) no-repeat center center;
}
.aqpx_icon26{
    background:url(../images/aqpx_icon26.png) no-repeat center center;
}
.aqpx_icon27{
    background:url(../images/aqpx_icon27.png) no-repeat center center;
}
.aqpx_icon28{
    background:url(../images/aqpx_icon28.png) no-repeat center center;
}
.aqpx_icon29{
    background:url(../images/aqpx_icon29.png) no-repeat center center;
}
.aqpx_icon30{
    background:url(../images/aqpx_icon30.png) no-repeat center center;
}
.aqpx_icon31{
    background:url(../images/aqpx_icon31.png) no-repeat center center;
}
.aqpx_icon40{
    background:url(../images/aqpx_icon40.png) no-repeat center center;
}
.aqpx_icon41{
    background:url(../images/aqpx_icon41.png) no-repeat center center;
}
.index_mid_ct_list>a:last-child{
    margin-right:0;
}
span.index_mid_prev,span.index_mid_next{
    display:block;
    position:absolute;
    width:42px;
    height:42px;
}
span.index_mid_prev{
    left:0;
    top:120px;
    opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
    background:url(../images/prev.png) no-repeat center center;
    display:none;
}

span.index_mid_next{
    right:0;
    top:120px;
    opacity:0.6;
    filter: alpha(opacity=60);
    background:url(../images/next.png) no-repeat center center;
}
span.index_mid_next.hoverMspan,span.index_mid_prev.hoverMspan{
    opacity:1.0;
    filter: alpha(opacity=100);

}
.index_mid_btn{
    display:block;
    text-align:center;
}
.index_mid_btn a{
    display:inline-block;
    width:172px;
    height:49px;
    border:1px solid #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
    background:transparent;
    text-align:center;
    font-size:18px;
    color:#f5f5f6;
    line-height:49px;
    margin-top:15px;
    transition: all 200ms linear  0ms;

}
.index_mid_btn a:hover{
    background:#2a76fb;
    border:1px solid transparent;
}
#index_top10{
    display:block;
    position:relative;
    background:#ffffff;
    padding-top:70px;
}
#index_top10>div{
    width:1200px;
    margin:0 auto;
    position:relative;
}
#index_top10 h1{
    font-size:30px;
    color:#333333;
    font-weight:800;
    text-align:center;
}
#index_top10 h2{
    font-size:18px;
    color:#333333;
    font-weight:normal;
    text-align:center;
    margin-top:20px;
    margin-bottom:40px;
}
.index_top10_list{
    display:block;
    position:relative;
}
.index_top10_item{
    display:inline-block;
    text-align:center;
    width:194px;
    height:220px;
    padding-top:10px;
    margin-right:53px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    cursor:pointer;
    position:relative;
}
.index_top10_item:before{
    content:"";
    width:122px;
    height:122px;
    display:block;
    position:absolute;
    top:-6px;
    left:50%;
    margin-left:-62px;
    z-index:1;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    background:url(../images/shadow.png) no-repeat center center;
    -webkit-transition:opacity 200ms linear 0ms;
    -moz-transition: opacity 200ms linear  0ms;
    -ms-transition:opacity 200ms linear  0ms;
    -o-transition:opacity 200ms linear  0ms;
    transition: opacity 200ms linear  0ms;

}
.index_top10_item:hover:before{
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}

.index_top10_item:hover h4{
    color:#2b78ff;
}
.index_top10_item:hover h6{
    color:#2b78ff;
}
.index_top10_list .index_top10_item:last-child{
    margin-right:0;
}
.index_top10_item i{
    display:inline-block;
    width:90px;
    height:90px;
    position:relative;
    z-index:2;
    opacity:1.0;
    -webkit-transition:opacity 200ms linear 0ms;
    -moz-transition: opacity 200ms linear  0ms;
    -ms-transition:opacity 200ms linear  0ms;
    -o-transition:opacity 200ms linear  0ms;
    transition: opacity 200ms linear  0ms;
}
.index_top10_item h4{
    font-size:18px;
    color:#333333;
    font-weight:normal;
    margin-top:10px;
    -webkit-transition:color 200ms linear 0ms;
    -moz-transition: color 200ms linear  0ms;
    -ms-transition:color 200ms linear  0ms;
    -o-transition:color 200ms linear  0ms;
    transition: color 200ms linear  0ms;
}
.index_top10_item h6{
    font-size:14px;
    color:#666666;
    font-weight:normal;
    margin-top:10px;
    -webkit-transition:color 200ms linear 0ms;
    -moz-transition: color 200ms linear  0ms;
    -ms-transition:color 200ms linear  0ms;
    -o-transition:color 200ms linear  0ms;
    transition: color 200ms linear  0ms;
}
.top10Icon1{
    background:url(../images/ydmsj.png) no-repeat center center;
}
.top10Icon2{
    background:url(../images/aqjc.png) no-repeat center center;
}
.top10Icon3{
    background:url(../images/aqjg.png) no-repeat center center;
}
.top10Icon4{
    background:url(../images/ldfxpx.png) no-repeat center center;
}
.top10Icon5{
    background:url(../images/aqxxdj.png) no-repeat center center;
}
.top10Icon6{
    background:url(../images/webld.png) no-repeat center center;
}
.top10Icon7{
    background:url(../images/wxgz.png) no-repeat center center;
}
.top10Icon8{
    background:url(../images/ydaq.png) no-repeat center center;
}
.top10Icon9{
    background:url(../images/webyyxt.png) no-repeat center center;
}
.top10Icon10{
    background:url(../images/sjfxl.png) no-repeat center center;
}
.top10Icon11{
    background:url(../images/top10icon11.png) no-repeat center center;
}
.top10Icon12{
    background:url(../images/top10icon12.png) no-repeat center center;
}
.top10Icon13{
    background:url(../images/top10icon13.png) no-repeat center center;
}
.top10Icon14{
    background:url(../images/top10icon14.png) no-repeat center center;
}
.top10Icon15{
    background:url(../images/top10icon15.png) no-repeat center center;
}
.top10Icon16{
    background:url(../images/top10icon16.png) no-repeat center center;
}
.top10Icon17{
    background:url(../images/top10icon17.png) no-repeat center center;
}
.index_top10_btn{
    display:block;
    margin-top:20px;
    padding-bottom:55px;
    text-align:center
}
.index_top10_btn a{
    display:inline-block;
    width:172px;
    height:49px;
    border:1px solid #666666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#ffffff;
    text-align:center;
    font-size:18px;
    color:#666666;
    line-height:49px;
    margin-top:45px;
    cursor:pointer;
}
.index_top10_btn a:hover{
    color:#ffffff;
    background:#2a76fb;
    border:1px solid transparent;
}
#index_solve{
    width:100%;
    height:420px;
    background:#2b3953;
    position:relative;
    overflow:hidden;
}
#index_solve>div{
    width:1252px;
    display:block;
    height:420px;
    margin:0 auto;
    position:relative;
}
#index_solve>div ul{
    display:block;
    overflow:hidden;
    font-size:0;
}
#index_solve>div ul li{
    width:288px;
    height:420px;
    display:inline-block;
    vertical-align: top;
    position:relative;
    cursor:pointer;
    webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#index_solve>div ul li:hover  .index_solve_hover{
    webkit-transform: translate3d(0,-40px,0);
    -moz-transform: translate3d(0,-40px,0);
    -ms-transform: translate3d(0,-40px,0);
    -o-transform: translate3d(0,-40px,0);
    transform: translate3d(0,-40px,0);
    top: 60px\9\0;;
}
#index_solve>div ul li:hover  .solve0_icon{
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
#index_solve>div ul li:hover  .index_solve_hover h5{
    webkit-transform: translate3d(0,-50px,0);
    -moz-transform: translate3d(0,-50px,0);
    -ms-transform: translate3d(0,-50px,0);
    -o-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0);
}
#index_solve>div ul li:hover  .index_solve_hover p{
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    webkit-transform: translate3d(0,-70px,0);
    -moz-transform: translate3d(0,-70px,0);
    -ms-transform: translate3d(0,-70px,0);
    -o-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0);
}
#index_solve>div ul li:hover  .index_solve_hover span.solve_btn{
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    webkit-transform: translate3d(0,-70px,0);
    -moz-transform: translate3d(0,-70px,0);
    -ms-transform: translate3d(0,-70px,0);
    -o-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0);
}
#index_solve>div ul li:hover   .index_solve_mask{
    background:#2a76fb;
    opacity:0.85;
    filter: alpha(opacity=85);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(85));
}
#index_solve>div ul li>a{
    display:block;
}
#index_solve>div ul li>div{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;

}
.solve_img{
    width:100%;
    height:100%;
}
div.index_solve1{
    background:url(../images/solve1_img.png) no-repeat center center;
}
div.index_solve2{
    background:url(../images/solve2_img.png) no-repeat center center;
}
div.index_solve3{
    background:url(../images/solve3_img.png) no-repeat center center;
}
div.index_solve4{
    background:url(../images/solve4_img.png) no-repeat center center;
}
div.index_solve5{
    background:url(../images/solve5_img.png) no-repeat center center;
}
div.index_solve6{
    background:url(../images/solve6_img.png) no-repeat center center;
}
div.index_solve_mask{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .4s cubic-bezier(.4,0,.2,1) 0.1ms;
}
div.index_solve_mask1{
    background: #2b3953;
    opacity: .2;
    filter: alpha(opacity=20);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(20));
}
div.index_solve_mask2{
    background: #232f44;
    opacity: .85;
    filter: alpha(opacity=85);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(85));
}
.index_solve_content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    /*transition: -webkit-transform 500ms ease-out;*/
}

.index_solve_int{
    display:block;
    position:relative;
    width:288px;
    height:420px;
}

.index_solve_int1{
    background:url(../images/solve1.png) no-repeat center center;
}
.index_solve_int2{
    background:url(../images/solve2.png) no-repeat center center;
}
.index_solve_int3{
    background:url(../images/solve3.png) no-repeat center center;
}
.index_solve_int4{
    background:url(../images/solve4.png) no-repeat center center;
}
.index_solve_int5{
    background:url(../images/solve5.png) no-repeat center center;
}
.index_solve_int6{
    background:url(../images/solve6.png) no-repeat center center;
}
.index_solve_hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .4s cubic-bezier(.4,0,.2,1) 0.1ms;
}

.index_solve_hover i{
    position: relative;
    width: 100%;
    height: 70px;
    display: inline-block;
    webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

}
i.solve1_icon{
    background:url(../images/jinrong.png) no-repeat center center;
}
i.solve2_icon{
    background:url(../images/zhengqipng.png) no-repeat center center;
}
i.solve3_icon{
    background:url(../images/yunying.png) no-repeat center center;
}
i.solve4_icon{
    background:url(../images/ioticon.png) no-repeat center center;
}
i.solve5_icon{
    background:url(../images/internet.png) no-repeat center center;
}
i.solve6_icon{
    background:url(../images/game.png) no-repeat center center;
}

.index_solve_hover h5{
    font-size:22px;
    font-weight: bold;
    color:#ffffff;
    position:relative;
    text-align:center;
    margin-top:-42px;
    transition: all .4s cubic-bezier(.4,0,.2,1);

}
.index_solve_hover p{
    white-space: normal!important;
    color:#ffffff;
    font-size:14px;
    font-weight:normal;
    padding:0 20px;
    position:relative;
    text-align:justify;
    margin-top: 30px;
    line-height: 24px;
    height: 72px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.index_solve_hover span.solve_btn{
    display: inline-block;
    border: 1px solid #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin:0 auto;
    margin-top: 62px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
    transition: transform .4s cubic-bezier(.4,0,.2,1) 0.1ms;
}
.index_solve_hover span.solve_btn:hover{
    opacity:1;
    background:#ffffff;
    border:1px solid #ffffff;
    color:#2a76fb;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.solve0_icon{
    padding: 0;
    margin: 0;
    font-size: 0;
    height:78px;
    margin-top: 20px;
    transition: all .4s cubic-bezier(.4,0,.2,1) 0.1ms;
    background:url(../images/solve0_icon.png) no-repeat center center;
}

.index_solve_prev,.index_solve_net{
    height:420px;
    width:50px;
    position:absolute;
    display:none;
    cursor:pointer;
}
.index_solve_prev{
    left:0;
    top:0;
    background:url(../images/prev2.png) no-repeat center center #465269;
    opacity: 0.4;
}
.index_solve_net{
    right:0;
    top:0;
    background:url(../images/next2.png) no-repeat center center #465269;
    opacity: 0.4;
}
#index_solve:hover .index_solve_prev,#index_solve:hover .index_solve_net{
    display:block;
}
.hoverMspan{
    opacity: 1;
}
.index_sub_title{
    font-size:18px;
    text-align:center;
    color:#333333;
    font-weight:normal;
    padding-top:10px;
}
.animations{
    -webkit-animation:fadeInDownBig 0.3s  ease both;
    -moz-animation:fadeInDownBig 0.3s  ease both;
}
.index_solve_min{
    position:relative;
    overflow:hidden;
}
.index_solve_ul{
    display:block;
    transition: transform .4s cubic-bezier(.4,0,.2,1) 0.1ms;
}





.index_solve_list{
    position:relative;
    display:block;
    font-size:0;
    width:1152px;
    margin:0 auto;
    height:420px;
    overflow:hidden;
    white-space: nowrap;
}
.index_solve_list>div{
    position:absolute;
    left:0;
    top:0;
}
.index_solve_list>div a{
    width:288px;
    height:420px;
    display:inline-block;
    vertical-align: top;
    position:relative;
    cursor:pointer;
    webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#index_solve .index_solve_list>div a:hover  .index_solve_hover{
    webkit-transform: translate3d(0,-40px,0);
    -moz-transform: translate3d(0,-40px,0);
    -ms-transform: translate3d(0,-40px,0);
    -o-transform: translate3d(0,-40px,0);
    transform: translate3d(0,-40px,0);
    top: 60px\9\0;;
}
#index_solve .index_solve_list>div a:hover  .solve0_icon{
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
#index_solve .index_solve_list>div a:hover  .index_solve_hover h5{
    webkit-transform: translate3d(0,-50px,0);
    -moz-transform: translate3d(0,-50px,0);
    -ms-transform: translate3d(0,-50px,0);
    -o-transform: translate3d(0,-50px,0);
    transform: translate3d(0,-50px,0);
}
#index_solve .index_solve_list>div a:hover  .index_solve_hover p{
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    webkit-transform: translate3d(0,-70px,0);
    -moz-transform: translate3d(0,-70px,0);
    -ms-transform: translate3d(0,-70px,0);
    -o-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0);
}
#index_solve .index_solve_list>div a:hover  .index_solve_hover span.solve_btn{
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
    webkit-transform: translate3d(0,-70px,0);
    -moz-transform: translate3d(0,-70px,0);
    -ms-transform: translate3d(0,-70px,0);
    -o-transform: translate3d(0,-70px,0);
    transform: translate3d(0,-70px,0);
}
#index_solve .index_solve_list>div a:hover   .index_solve_mask{
    background:#2a76fb;
    opacity:0.85;
    filter: alpha(opacity=85);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(85));
}